﻿//打开字滑入效果
window.onload = function() {
	$(".connect p").eq(0).animate({
		"left" : "0%"
	}, 600);
	$(".connect p").eq(1).animate({
		"left" : "0%"
	}, 400);
};
// jquery.validate表单验证
$(document)
		.ready(
				function() {
					// 登陆表单验证
					$("#loginForm").validate({
						rules : {
							username : {
								required : true,// 必填
								minlength : 3, // 最少6个字符
								maxlength : 32,// 最多20个字符
							},
							password : {
								required : true,
								minlength : 3,
								maxlength : 32,
							},
						},
						// 错误信息提示
						messages : {
							username : {
								required : "必须填写用户名",
								minlength : "用户名至少为3个字符",
								maxlength : "用户名至多为32个字符",
								remote : "用户名已存在",
							},
							password : {
								required : "必须填写密码",
								minlength : "密码至少为3个字符",
								maxlength : "密码至多为32个字符",
							},
						},

					});
					// 注册表单验证
					$("#registerForm").validate({
						rules : {
							username : {
								required : true,// 必填
								minlength : 3, // 最少6个字符
								maxlength : 32,// 最多20个字符
							},
							password : {
								required : true,
								minlength : 3,
								maxlength : 32,
							},
							email : {
								required : true,
								email : true,
							},
							confirm_password : {
								required : true,
								minlength : 3,
								equalTo : '.password'
							},
							phone_number : {
								required : true,
								phone_number : true,// 自定义的规则
								digits : true,// 整数
							}
						},
						// 错误信息提示
						messages : {
							username : {
								required : "必须填写用户名",
								minlength : "用户名至少为3个字符",
								maxlength : "用户名至多为32个字符",
								remote : "用户名已存在",
							},
							password : {
								required : "必须填写密码",
								minlength : "密码至少为3个字符",
								maxlength : "密码至多为32个字符",
							},
							email : {
								required : "请输入邮箱地址",
								email : "请输入正确的email地址"
							},
							confirm_password : {
								required : "请再次输入密码",
								minlength : "确认密码不能少于3个字符",
								equalTo : "两次输入密码不一致",// 与另一个元素相同
							},
							phone_number : {
								required : "请输入手机号码",
								digits : "请输入正确的手机号码",
							},

						},
					});
					// 添加自定义验证规则
					jQuery.validator
							.addMethod(
									"phone_number",
									function(value, element) {
										var length = value.length;
										var phone_number = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/
										return this.optional(element)
												|| (length == 11 && phone_number
														.test(value));
									}, "手机号码格式错误");
				});
